.progress-container{//设定宽度，高度，圆角值，progress
    flex-direction:row;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70%;
    height: 16px;
    border-radius: 3px;
    margin: 0 10px;
    overflow: visible;
    cursor: pointer;
    .progress-constant{
      display: inherit;
      width: 100%;
      height: 30%;
      background-color: rgb(230,230,232);
      border-radius: inherit;
      overflow: visible;
      .progress-changing{
        margin: 0;
        display: inherit;
        flex-direction: row-reverse;
        flex-shrink:0;//停止压缩
        align-items: center;
        height: 100%;
        border-radius: inherit;
        background-color: rgb(255,78,78);
        width: 10%;
        overflow: visible;
        .progress-dot{
          display: none;
          flex-shrink:0;//停止压缩
          height: 8px;
          width: 8px;        //数值为translateX的两倍   
          background-color: rgb(255,78,78);
          border-radius: 100%;
          transform: translateX(4px);
        }
      }
    }
    &:hover{
      .progress-constant{
        height: 40%;
        .progress-changing{
          .progress-dot{
            display: inherit;
          }
        }
      }
    }
}